<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>汇客首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/body.css">
    <link rel="stylesheet" href="../../../lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <script src="../../../lib/jquery-1.12.4.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/vue.js"></script>
    <link rel="shortcut icon" href="../../../lib/汇 .ico">

</head>

<body>
    <div class="start_box">
        <div class="start">
            <div class="start_top">
                <div class="address"><i class="fa fa-map-marker" aria-hidden="true"></i> 江苏</div>
                <ul class="left">
                    <li>切换城市</li>
                    <li style="color: rgb(252, 162, 71);">立即登录</li>
                    <li> <a style="color: #333; text-decoration: none;" href="../../register/html/index.html">注册</a></li>
                </ul>
                <ul class="right">
                    <li>我的汇客</li>
                    <li class="phone">手机APP</li>
                    <li class="business">商家中心</li>
                    <li>网站导航</li>
                </ul>
            </div>
            <div class="start_mid">
                <div class="start_logo">
                    <img style="border-radius: 10px;" src="../images/汇客.png" alt="">
                    <span style="padding-top: 5px;">汇客网</span>
                </div>
                <div class="search">
                    <input type="text" placeholder="搜索商家或地点" class="search_input">
                    <button class="search_btn"><i class="fa fa-search fa-lg" aria-hidden="true"></i> </button>
                </div>
            </div>
            <div class="start_list">
                <ul>
                    <li class="take-outfood">汇客外卖</li>
                    <li class="film">汇客电影</li>
                    <li class="">汇客酒店</li>
                    <li class="business-center">商家入驻</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="m_left">
            <ul>
                <div class="m_title">全部分类</div>
                <li>汇客酒店<i class="fa fa-arrow-down" aria-hidden="true"></i></li>
                <ul class="m_hotel m_son" style="display: block;">
                    <li>经济型</li>
                    <li>舒适/三星</li>
                    <li>高档/四星</li>
                    <li>豪华/五星</li>
                </ul>
                <li>汇客外卖<i class="fa fa-arrow-right" aria-hidden="true"></i></li>
                <ul class="m_takeout m_son">
                    <li>美食</li>
                    <li>下午茶</li>
                    <li>商超便利</li>
                    <li>水果</li>
                    <li>送药上门</li>
                    <li>甜品饮品</li>
                    <li>跑腿代购</li>
                </ul>
                <li>猫眼电影<i class="fa fa-arrow-right" aria-hidden="true"></i></li>
                <ul class="m_film m_son">
                    <li>万达影城</li>
                    <li>大地影院</li>
                    <li>保利国际影城</li>
                    <li>中影国际影城</li>
                    <li>CGV影城</li>
                    <li>金逸影城</li>
                </ul>
            </ul>
        </div>
        <div class="m_middle">
            <div class="rotation">
                <div id="myCarousel" class="carousel slide">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active" id="film">
                            <img src="../images/rotation_1.jpg" alt="#">
                        </div>
                        <div class="item" id="food">
                            <img src="../images/rotation_2.jpg" alt="#">
                        </div>
                        <div class="item">
                            <img src="../images/rotation_4.jpg" alt="#">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"
                        style="background-image: linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"
                        style="background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="pic1 shadow"></div>
            <div class="pic2 shadow"></div>
            <div class="pic3 pic2 shadow"></div>
            <div class="pic4 shadow"></div>
        </div>
        <div class="m_right">
            <div class="m_user">
                <div class="m_hea"></div>
                <p class="m_username">Hi! 你好</p>
                <div class="m_btn">注册</div>
                <div class="m_btn">立即登录</div>
            </div>
            <div class="m_phone">
                <div class="m_erwma"></div>
                <p class="m_phonetitle">汇客APP(真)手机版</p>
                <p class="m_phonetext">直接点二维码</p>
            </div>
        </div>
    </div>
    <div class="part1" id="part1">
         <div class="part-top part1-top-bg">
             <span>有格调</span>
             <ul>
                 <li @mouseover="part1Type='com1'">全部  <div class="jiantou active"></div> </li>
                 <li @mouseover="part1Type='com2'">约会聚餐  <div class="jiantou"></div></li>
                 <li  @mouseover="part1Type='com3'">丽人SPA <div class="jiantou"></div></li>
                 <li  @mouseover="part1Type='com4'">品质旅游 <div class="jiantou"></div></li>
             </ul>
         </div>
        <component :is='part1Type'></component>
    </div>
    <div class="part2" id="part2">
        <div class="part-top part2-top-bg">
            <span>狠优惠</span>
            <ul>
                <li @mouseover="part2Type='com1'">全部  <div class="jiantou active"></div> </li>
                <li @mouseover="part2Type='com2'">美食 <div class="jiantou"></div></li>
                <li @mouseover="part2Type='com3'">休闲 <div class="jiantou"></div></li>
               
            </ul>
        </div>
       <component :is='part2Type'></component>
   </div>
   <!-- <div class="part3" id="part3">
    <div class="part-top part3-top-bg">
        <span>猫眼电影</span>
        <ul>
            <li >即将上映  <div class="jiantou active"></div> </li>
           
        </ul>
    </div>
   <div class="part3-content">
       <div class="part3-box">
           <img src="../images/p3-1.jpg">
           <div class="film-info">
               <div class="wantsee"><span style="font-size: 16px; color: coral;">39999</span>人想看</div>
               <div class="film-name">站住！小偷</div>
           </div>
       </div>
       <div class="part3-box">
        <img src="../images/p3-1.jpg">
        <div class="film-info">
            <div class="wantsee"><span style="font-size: 16px; color: coral;">39999</span>人想看</div>
            <div class="film-name">站住！小偷</div>
        </div>
    </div>
    <div class="part3-box">
        <img src="../images/p3-1.jpg">
        <div class="film-info">
            <div class="wantsee"><span style="font-size: 16px; color: coral;">39999</span>人想看</div>
            <div class="film-name">站住！小偷</div>
        </div>
    </div>
    <div class="part3-box">
        <img src="../images/p3-1.jpg">
        <div class="film-info">
            <div class="wantsee"><span style="font-size: 16px; color: coral;">39999</span>人想看</div>
            <div class="film-name">站住！小偷</div>
        </div>
    </div>
    <div class="part3-box">
        <img src="../images/p3-1.jpg">
        <div class="film-info">
            <div class="wantsee"><span style="font-size: 16px; color: coral;">39999</span>人想看</div>
            <div class="film-name">站住！小偷</div>
        </div>
    </div>
    
   </div>
</div> -->
    <template id="part1temp1"> 
        <div class="part1-content">
            <div class="part1-box">
                <div class="img"><img src="../images/p1.jpg"></div>
                <div class="title">大教堂蛋糕 Kathedral</div>
                <div class="sub-title">冬日奇境1个,约1.7磅,异性</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">398</span><span class="market-price">门市价480</span>
                    <span class="location">王井府/东单</span></div>
            </div>
        <div class="part1-box">
           <div class="img"><img src="../images/p1-2.jpg"></div>
           <div class="title">北京烤鸭(大悦城店)</div>
           <div class="sub-title">北京烤鸭(大悦城店)</div>
           <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">299</span><span class="market-price">门市价400</span>
            <span class="location">王井府/东单</span></div>
       </div>
       <div class="part1-box">
        <div class="img"><img src="../images/p1-3.jpg"></div>
        <div class="title">黑松白鹿</div>
        <div class="sub-title">黑松白鹿</div>
        <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">98</span><span style="color: coral;">/人均</span>
            <span class="location">王井府/东单</span></div>
    </div>
    <div class="part1-box">
        <div class="img"><img src="../images/p1-4.png"></div>
        <div class="title">COSTA COFFEE(东方新天地店)</div>
        <div class="sub-title">【可自提】法式黄金歌颂1个</div>
        <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">6</span><span class="market-price">门市价10</span>
            <span class="location">王井府/东单</span></div>
    </div>
    <div class="part1-box">
        <div class="img"><img src="../images/p1-5.jpg"></div>
        <div class="title">谦哼造型(新世界店)</div>
        <div class="sub-title">谦哼短发设计(新世界店)</div>
        <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">133</span><span style="color: coral;">/人均</span>
            <span class="location">王井府/东单</span></div>
    </div>
    <div class="part1-box">
        <div class="img"><img src="../images/p1-6.jpg"></div>
        <div class="title">哈根达斯(北京apm店)</div>
        <div class="sub-title">花火蛋糕冰淇淋1个，约700克，园</div>
        <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">258</span><span class="market-price">门市价300</span>
            <span class="location">王井府/东单</span></div>
    </div>
        </div>
    </template>
    <template id="part1temp2"> 
        <div class="part1-content">
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (2).jpg"></div>
                <div class="title">东星贝尔凯客生日蛋糕</div>
                <div class="sub-title">严选品牌:8英寸生日礼物网红生日蛋糕</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">148</span><span class="market-price">门市价160</span>
                <span class="location">王井府/东单</span>
                </div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (1).jpg"></div>
                <div class="title">小大董(新东安店)</div>
                <div class="sub-title">【可自取】家套餐。建议三人使用</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">178</span><span class="market-price">门市价200</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (3).jpg"></div>
                <div class="title">幸福时光蛋糕(朝外店)</div>
                <div class="sub-title">10英寸幸福时光水果生日蛋糕</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">106</span><span class="market-price">门市价150</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (4).jpg"></div>
                <div class="title">羲和小馆(王府中店)</div>
                <div class="sub-title">【可自提】张氏狮子头1位</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">9.9</span><span class="market-price">门市价15</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (5).jpg"></div>
                <div class="title">鹅夫人(国瑞购物中心店)</div>
                <div class="sub-title">【可自取】安心自提一人食</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">38</span><span class="market-price">门市价45</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-7 (1).png"></div>
                <div class="title">COSTA COFFEE(东方新天地店)</div>
                <div class="sub-title">COSTA COFFEE(东方新天地店)</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">6</span><span class="market-price">门市价10</span>
                    <span class="location">王井府/东单</span></div>
            </div>
        </div>
    </template>
    <template id="part1temp3"> 
        <div class="part1-content">
            <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (1).jpg"></div>
                <div class="title">耳博匠专业采耳(中关村店)</div>
                <div class="sub-title">耳博匠专业采耳(中关村店)</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">214</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (2).jpg"></div>
                <div class="title">谦哼短发设计(新世界店)</div>
                <div class="sub-title">谦哼短发设计(新世界店)</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">133</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div> <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (3).jpg"></div>
                <div class="title">米娜造型(大成路店)</div>
                <div class="sub-title">米娜造型(大成路店)</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">202</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div> <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (4).jpg"></div>
                <div class="title">阿汤一族美发造型</div>
                <div class="sub-title">阿汤一族美发造型</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">111</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div> <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (5).jpg"></div>
                <div class="title">美规则造型(东城店)</div>
                <div class="sub-title">美规则造型(东城店)</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">299</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div> <div class="part1-box">
                <div class="img"><img src="../images/p1-8 (6).jpg"></div>
                <div class="title">御康阁养生Spa足道</div>
                <div class="sub-title">御康阁养生Spa足道</div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">199</span><span style="color: coral;">/人均</span>
                    <span class="location">王井府/东单</span></div>
            </div>
        </div>
    </template>
    <template id="part1temp4"> 
        <div class="part1-content">
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (1).jpg"></div>
                <div class="title">北京景里酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">隔音效果好</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">475</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (2).jpg"></div>
                <div class="title">北京金融街丽思卡尔顿酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">近地铁</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">2085</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (3).jpg"></div>
                <div class="title">北京丽思卡尔顿酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">近景点</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">1852</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (4).jpg"></div>
                <div class="title">北京国贸大酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">亲子主题房</span><span class="sub-info">价格贵</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">2099</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (5).jpg"></div>
                <div class="title">北京JW万豪酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">免费取消保障</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">1633</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
            <div class="part1-box">
                <div class="img"><img src="../images/p1-9 (1).png"></div>
                <div class="title">北京三里屯通盈中心洲际酒店</div>
                <div class="sub-infos"><span class="sub-info">本周热销</span><span class="sub-info">森林吸氧</span><span class="sub-info">价格贵</span></div>
                <div class="pices-info"><span style="color: coral;">￥</span><span style="font-size: 18px;color: coral;">1986</span><span style="color: coral;">/起</span>
                    <span class="location">王井府/东单</span></div>
            </div>
        </div>
    </template>
    <template id="part2temp1"> 
        <div class="part2-content">
         <div class="part2-box">
             <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
             <div class="title">外教中国英语外教(公主坟....)</div>
             <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
             <div class="fill"></div>
             <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
            <span class="market-price">门市价89900</span>
            <span class="sold">已售1</span>
            </div>
         </div>
         <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-2.jpg"></div>
            <div class="title">忘忧密室逃脱</div>
            <div class="sub-title">[立水桥/北苑家园]密室加盟咨询</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
                <span class="market-price">门市价100000</span>
                <span class="sold">已售0</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-3.jpg"></div>
            <div class="title">黄记煌三汁焖锅</div>
            <div class="sub-title">[多城市]5元代金卷1张</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                <span class="market-price">美团价￥5</span>
                <span class="sold">已售1.4万</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-4.jpg"></div>
            <div class="title">婚礼世家奢华婚礼堂</div>
            <div class="sub-title">[青塔]草坪婚礼仪式</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
                <span class="market-price">门市价32800</span>
                <span class="sold">已售5</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-5.jpg"></div>
            <div class="title">PS-ONE(北京)品思国际...</div>
            <div class="sub-title">[朝阳门]艺术留学一对一</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">2.1</span><span class="market-price">门市价4189</span>
                <span class="sold">已售14</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-6.jpg"></div>
            <div class="title">美职英语(中关村中心)</div>
            <div class="sub-title">[中关村]【预售】在线课</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">9.1</span><span class="market-price">门市价3850</span>
                <span class="sold">已售138</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-7.jpg"></div>
            <div class="title">巧创空间装饰-专注老房装修</div>
            <div class="sub-title">[北苑家园]样板征集</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">2.1</span><span class="market-price">门市价100000</span>
                <span class="sold">已售1</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
            <div class="title">外教中国英语外教(公主坟....)</div>
            <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
           <span class="market-price">门市价89900</span>
           <span class="sold">已售1</span>
           </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-6.jpg"></div>
            <div class="title">美职英语(中关村中心)</div>
            <div class="sub-title">[中关村]【预售】在线课</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">9.1</span><span class="market-price">门市价3850</span>
                <span class="sold">已售138</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
            <div class="title">外教中国英语外教(公主坟....)</div>
            <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
           <span class="market-price">门市价89900</span>
           <span class="sold">已售1</span>
           </div>
        
        </div>
        </div>
    </template>
    <template id="part2temp2">
        <div class="part2-content"> 
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
            <div class="part2-box">
                <div class="part2-img"><img src="../images/p2-3.jpg"></div>
                <div class="title">黄记煌三汁焖锅</div>
                <div class="sub-title">[多城市]5元代金卷1张</div>
                <div class="fill"></div>
                <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                    <span class="market-price">美团价￥5</span>
                    <span class="sold">已售1.4万</span>
                </div>
            </div>
        </div>
    </template>
    <template id="part2temp3"> 
        <div class="part2-content">
         <div class="part2-box">
             <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
             <div class="title">外教中国英语外教(公主坟....)</div>
             <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
             <div class="fill"></div>
             <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
            <span class="market-price">门市价89900</span>
            <span class="sold">已售1</span>
            </div>
         </div>
         <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-2.jpg"></div>
            <div class="title">忘忧密室逃脱</div>
            <div class="sub-title">[立水桥/北苑家园]密室加盟咨询</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
                <span class="market-price">门市价100000</span>
                <span class="sold">已售0</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-3.jpg"></div>
            <div class="title">黄记煌三汁焖锅</div>
            <div class="sub-title">[多城市]5元代金卷1张</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">0.01</span>
                <span class="market-price">美团价￥5</span>
                <span class="sold">已售1.4万</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-4.jpg"></div>
            <div class="title">婚礼世家奢华婚礼堂</div>
            <div class="sub-title">[青塔]草坪婚礼仪式</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
                <span class="market-price">门市价32800</span>
                <span class="sold">已售5</span>
            </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-5.jpg"></div>
            <div class="title">PS-ONE(北京)品思国际...</div>
            <div class="sub-title">[朝阳门]艺术留学一对一</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">2.1</span><span class="market-price">门市价4189</span>
                <span class="sold">已售14</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-6.jpg"></div>
            <div class="title">美职英语(中关村中心)</div>
            <div class="sub-title">[中关村]【预售】在线课</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">9.1</span><span class="market-price">门市价3850</span>
                <span class="sold">已售138</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-7.jpg"></div>
            <div class="title">巧创空间装饰-专注老房装修</div>
            <div class="sub-title">[北苑家园]样板征集</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">2.1</span><span class="market-price">门市价100000</span>
                <span class="sold">已售1</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
            <div class="title">外教中国英语外教(公主坟....)</div>
            <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
           <span class="market-price">门市价89900</span>
           <span class="sold">已售1</span>
           </div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-6.jpg"></div>
            <div class="title">美职英语(中关村中心)</div>
            <div class="sub-title">[中关村]【预售】在线课</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">9.1</span><span class="market-price">门市价3850</span>
                <span class="sold">已售138</span></div>
        </div>
        <div class="part2-box">
            <div class="part2-img"><img src="../images/p2-1 (1).jpg"></div>
            <div class="title">外教中国英语外教(公主坟....)</div>
            <div class="sub-title">[公主坟/万寿路]北美外教1对1线下课..</div>
            <div class="fill"></div>
            <div class="pices-info"><span style="color: orangered;">￥</span><span style="color: orangered; font-size: 18px;">1</span>
           <span class="market-price">门市价89900</span>
           <span class="sold">已售1</span>
           </div>
        
        </div>
        </div>
    </template>
    <div class="c_body">
        <div class="c_title">
            <ul>
                <li class="li_title">猫眼电影</li>
                <li class="li_active">即将上映</li>
                <li class="li_all" id="film">全部<i class="fa fa-arrow-circle-right" aria-hidden="true"></i></li>
            </ul>
        </div>
        <div class="movie">
        <div class="c_items">
            <div class="item_film">
                <img class="film_img" src="../images/调酒师.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>1154</span>人想看
                    </p>
                    <p class="film_name">调酒师</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/魔法王国.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>4185</span>人想看
                    </p>
                    <p class="film_name">奇妙王国之魔法奇缘</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/站住小偷.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>39864</span>人想看
                    </p>
                    <p class="film_name">站住！小偷</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/泰坦尼克.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>5943</span>人想看
                    </p>
                    <p class="film_name">六人-泰坦尼克号</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/只为遇见你.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>3589</span>人想看
                    </p>
                    <p class="film_name">今生只为遇见你</p>
                </div>
            </div>
        
        
            <div class="item_film">
                <img class="film_img" src="../images/调酒师.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>1154</span>人想看
                    </p>
                    <p class="film_name">调酒师</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/魔法王国.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>4185</span>人想看
                    </p>
                    <p class="film_name">奇妙王国之魔法奇缘</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/站住小偷.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>39864</span>人想看
                    </p>
                    <p class="film_name">站住！小偷</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/泰坦尼克.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>5943</span>人想看
                    </p>
                    <p class="film_name">六人-泰坦尼克号</p>
                </div>
            </div>
            <div class="item_film">
                <img class="film_img" src="../images/只为遇见你.jpg" alt="">
                <div class="film_info">
                    <p class="film_peo">
                        <span>3589</span>人想看
                    </p>
                    <p class="film_name">今生只为遇见你</p>
                </div>
            </div>
        </div>
       
    </div>
        <div class="arrow" style="right: 10px;" onclick="move(2)"><img src="../images/arrowR.png" alt=""></div>
        <div class="arrow" style="left: 10px;" onclick="move(1)"><img src="../images/arrowL.png" alt=""></div>
        <div class="bottom-nav">
            <ul>
                <li class="nav-active"></li>
                <li></li>
            </ul>
        </div>
    </div>
  
    <div class="container-hotel" id="hotel" style="height: 720px;border-radius: 5px;">
        <div class="mh_title" style="height: 45spx;background: -webkit-linear-gradient(left,#F3B64A,#F2C545) no-repeat;">
            <ul class="mh_ul">
                <li class="MS_Hotel_title" style="font-size: 20px;">推荐民宿&nbsp;&nbsp;</li>
                <li class="MS_Hotel" value="tianjin">天津</li>
                <li class="MS_Hotel" value="jinan">济南</li>
                <li class="MS_Hotel" value="dalian">大连</li>
                <li class="MS_Hotel" value="taiyuan">太原</li>
                <li class="MS_Hotel" value="shijiazhuang">石家庄</li>
                <li class="MS_Hotel" value="qinhuangdao">秦皇岛</li>
                <li class="MS_Hotel" value="huhehaote">呼和浩特</li>
                <li class="MS_Hotel" value="weifang">潍坊</li>
                <li class="MS_Hotel" value="tangshan">唐山</li>
                <li class="MS_Hotel" value="taian">泰安</li>
                <li class="MS_Hotel_title" style="float: right;margin-right: 20px;"><a style="color: white;" href="">全部 <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></li>
            </ul>
        </div>
        <div class="inner" style="height: 655px;border-bottom-right-radius:5px;
        border-bottom-left-radius: 5px;">
            <div class="ms_hotel" id="tianjin" style="display: block;">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/天津6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【温馨的家】大床房(独卫)</p>
                        <p class="hotel_i">整套一居室·可住两人|天津南站</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="jinan">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/济南6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">印象城旁 海蔚广场舒适一室双床</p>
                        <p class="hotel_i">整套一居室·可住四人|洪家楼</p>
                        <p class="hotel_p">￥108</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="dalian">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/大连6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">海边民宿，浪漫满屋</p>
                        <p class="hotel_i">整套一居室·可住2人|香炉礁</p>
                        <p class="hotel_p">￥218</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="taiyuan">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/太原6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">通达街口，舒适大床房</p>
                        <p class="hotel_i">整套一居室·可住2人|通达街</p>
                        <p class="hotel_p">￥48</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="shijiazhuang">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/石家庄6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">天山海世界阳光大床房</p>
                        <p class="hotel_i">整套一居室·可住3人|天山海世界</p>
                        <p class="hotel_p">￥148</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="qinhuangdao">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/秦皇岛6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">『晴空』180度落地窗观海大床</p>
                        <p class="hotel_i">整套一居室·可住2人|开发区</p>
                        <p class="hotel_p">￥159</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="huhehaote">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/呼和浩特6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">【寒舍】[蓝色港湾]Loft民宿，巨幕投影</p>
                        <p class="hotel_i">整套一居室·可住2人|南区</p>
                        <p class="hotel_p">￥158</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="weifang">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/潍坊6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">北欧风情 家的味道</p>
                        <p class="hotel_i">整套一居室·可住2人|</p>
                        <p class="hotel_p">￥115</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="tangshan">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/唐山6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">八方商圈便利温馨一居</p>
                        <p class="hotel_i">整套一居室·可住2人|爱琴海</p>
                        <p class="hotel_p">￥299</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="ms_hotel" id="taian">
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安1.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安2.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安3.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安4.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安5.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
                <div class="Hotel_Info">
                    <a href=""><div class="hotel_IMG">
                        <img class="hotel_img" src="../images/HT/泰安6.jpg" alt="">
                    </div>
                    <div class="hotel_info">
                        <p class="hotel_t">山行客栈 榻榻米双床房</p>
                        <p class="hotel_i">整套一居室·可住2人|泰山山上</p>
                        <p class="hotel_p">￥100</p>
                    </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div style="height: 50px;">

    </div>
</body>
<script>
    var movie_move=0;
     
    function move(i) {
      
          $('.bottom-nav').find('.nav-active').removeClass('nav-active')
            $('.bottom-nav li').eq(i-1).addClass('nav-active')
        if(i==1&&movie_move<0){
            movie_move+=1215;
            $('.move').stop();
            $('.movie').animate({
                left:movie_move
            },2500);
        }else if(i==2&&movie_move>-944){
            movie_move-=1215;
            $('.move').stop();
            $('.movie').animate({
                left:movie_move
            },2500);
        }else{
            return;
        }
    }
    $('.MS_Hotel').mouseenter(function(){
        var s=$(this).attr("value");
        $('.ms_hotel:not([id='+s+'])').hide();
        $('.ms_hotel[id='+s+']').show();
    });
    $('.movie').mouseenter(function () {
            $('.arrow').show();
    })
    $('.movie').mouseleave(function () {
            $('.arrow').hide();
    })
    $('.arrow').mouseenter(function () {
            $('.arrow').show();
    })
    $('.Hotel_Info').mouseover(function () {
        $(this).css('background','RGBA(156,151,151,0.1)');
        $(this).children().css('text-decoration','none')
    })
    $('.Hotel_Info').mouseout(function () {
        $(this).css('background','#fff');
     
    })
</script>
</html>